'use client'

import React from 'react'
import NavigationHeader from '@/components/NavigationHeader'
import Footer from '@/components/Footer'
import { ChatFloatingButton } from '@/app/chat/components'
import { useNavigation } from '@/contexts/NavigationContext'

interface ClientLayoutProps {
  children: React.ReactNode
}

export default function ClientLayout({ children }: ClientLayoutProps) {
  const { navigationProps } = useNavigation()

  return (
    <div className="relative min-h-screen w-full overflow-x-hidden bg-[#f1ebdb]">
      <NavigationHeader {...navigationProps} />
      <main className='min-h-[800px]'>
        {children}
      </main>
      <Footer />
      <ChatFloatingButton />
    </div>
  )
}
